<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>test1</title>

		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <link rel="stylesheet" href="../static/app.css" type="text/css">
        <script src="/static/jquery-3.4.1.js" type="text/javascript"></script>


	</head>
	<body>
		<div class="all" style="background: gray; width: 802px; height: 600px;border: 1px skyblue solid;margin: 0 auto;">
			<div class="top" style="background: grey;width: 200px;height: 600px;float: left">

			</div>

			<div class="content" style="width: 600px;height: 600px;float: left">
				<div class="content_mp4" style="float: left;width: 600px;height: 300px;background: aliceblue">
                    <span id = "cese">
                        测试:<br>
                    </span>
				</div>
				<div class="content_caozuo" style="float: left;width: 600px;height: 300px;background: skyblue;">

                    	<p style="text-align: center;"><button type="button" id="up" class="glyphicon glyphicon-arrow-up"></button>	</p>											
						<p style="text-align: center;">
							<button type="button" id="left"  class="glyphicon glyphicon-arrow-left"></button>
							<button type="button" id="right" class="glyphicon glyphicon-arrow-right" ></button>	
						</p>
						<p style="text-align: center;"><button type="button" id="down"  class="glyphicon glyphicon-arrow-down"></button></p>
				</div>
			</div>
		</div>

	</body>
</html>
<script src="../static/app.js"></script>